.i1 { cursor: pointer; position: relative; text-decoration: none; padding: 16px 15px; } .i1a { cursor: pointer; position: relative; text-decoration: none; display: inline-block; font-size: 20px; } .i2 { cursor: pointer; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; font-size: 0 !important; border: 0; z-index: 1; background: transparent; font-weight: 500; } /*Сомнительно*/ .fl { display: inline !important; margin-right: 10px; } .hh1 { font-size: 18px; font-weight: 300; } .age { color: #bcbdbd; font-size: 24px; } /* Иконки */ .i_home { padding-left: 30px; background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZDhkOGQ4IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwIDIwdi02aDR2Nmg1di04aDNMMTIgMyAyIDEyaDN2OHoiLz4gPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiA8L3N2Zz4=') no-repeat; } .i_room { padding-left: 30px; background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZDhkOGQ4IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMkM4LjEzIDIgNSA1LjEzIDUgOWMwIDUuMjUgNyAxMyA3IDEzczctNy43NSA3LTEzYzAtMy44Ny0zLjEzLTctNy03em0wIDkuNWMtMS4zOCAwLTIuNS0xLjEyLTIuNS0yLjVzMS4xMi0yLjUgMi41LTIuNSAyLjUgMS4xMiAyLjUgMi41LTEuMTIgMi41LTIuNSAyLjV6Ii8+IDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gPC9zdmc+') no-repeat; } .i_aka { padding-left: 30px; background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZDhkOGQ4IiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAzMS45MzkgMzEuOTM5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMS45MzkgMzEuOTM5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+IDxnPiA8Zz4gPHBhdGggZD0iTTE1LjU4LDE4LjMzMmgtMC43NzdjLTAuNDAzLDAtMC43My0wLjMyNi0wLjczLTAuNzI5YzAtMC4xNDksMC4wNi0wLjI5MywwLjE2Ny0wLjM5N2MwLjQ1Mi0wLjQzOSwwLjgzMi0xLjAzLDEuMTA3LTEuNjY3IGMwLjA1NiwwLjA0MSwwLjExNiwwLjA3MSwwLjE4NCwwLjA3MWMwLjQzNiwwLDAuOTUtMC45NjQsMC45NS0xLjYyMWMwLTAuNjU3LTAuMDYxLTEuMTktMC40OTgtMS4xOSBjLTAuMDUyLDAtMC4xMDYsMC4wMDktMC4xNjIsMC4wMjNjLTAuMDMxLTEuNzgyLTAuNDgxLTQuMDA1LTMuMjAyLTQuMDA1Yy0yLjgzOSwwLTMuMTcsMi4yMTktMy4yMDIsMy45OTkgYy0wLjA0LTAuMDA4LTAuMDgtMC4wMTctMC4xMTctMC4wMTdjLTAuNDM3LDAtMC40OTcsMC41MzMtMC40OTcsMS4xOWMwLDAuNjU3LDAuNTEyLDEuNjIxLDAuOTQ5LDEuNjIxIGMwLjA1NCwwLDAuMTA0LTAuMDE1LDAuMTUxLTAuMDQyYzAuMjc0LDAuNjI3LDAuNjQ5LDEuMjA2LDEuMDk0LDEuNjQxYzAuMTA3LDAuMTA0LDAuMTY3LDAuMjQ2LDAuMTY3LDAuMzk2IGMwLDAuNDAzLTAuMzI3LDAuNzMtMC43MywwLjczSDkuNjU2Yy0xLjY2MiwwLTMuMDA5LDEuMzQ3LTMuMDA5LDMuMDA5djAuODM0YzAsMC41MjQsMC40MjUsMC45NSwwLjk1LDAuOTVoMTAuMDQyIGMwLjUyNCwwLDAuOTQ5LTAuNDI2LDAuOTQ5LTAuOTV2LTAuODM0QzE4LjU4OSwxOS42OCwxNy4yNDIsMTguMzMyLDE1LjU4LDE4LjMzMnoiLz4gPHBhdGggZD0iTTI0LjU4OSwxMC4wNzdoLTguNDIxYzAuMjQzLDAuNTM4LDAuNDE3LDEuMiwwLjQ4OSwyLjAxOWMwLjE4LDAuMTExLDAuMzE1LDAuMjksMC40MjUsMC41MDZoNy41MDcgYzAuMzksMCwwLjcwNC0wLjMxNSwwLjcwNC0wLjcwNHYtMS4xMTdDMjUuMjkzLDEwLjM5MywyNC45NzksMTAuMDc3LDI0LjU4OSwxMC4wNzd6Ii8+IDxwYXRoIGQ9Ik0yNC41ODksMTQuNjc4aC03LjMzNWMtMC4xOTksMC43NTItMC42ODksMS41MzktMS4zNjgsMS43NDljLTAuMDIsMC4wMzctMC4wNDMsMC4wNjktMC4wNjQsMC4xMDZ2MC42N2g4Ljc2NiBjMC4zODksMCwwLjcwNC0wLjMxNSwwLjcwNC0wLjcwNXYtMS4xMTZDMjUuMjkzLDE0Ljk5MywyNC45NzksMTQuNjc4LDI0LjU4OSwxNC42Nzh6Ii8+IDxwYXRoIGQ9Ik0yNC41ODksMTkuMjc5aC01LjcyNmMwLjM3OCwwLjU5OCwwLjYsMS4zMDMsMC42LDIuMDYydjAuNDYzaDUuMTI2YzAuMzksMCwwLjcwNC0wLjMxNSwwLjcwNC0wLjcwNHYtMS4xMTcgQzI1LjI5MywxOS41OTQsMjQuOTc5LDE5LjI3OSwyNC41ODksMTkuMjc5eiIvPiA8cGF0aCBkPSJNMjcuNjE1LDMuMDU3SDQuMzI1QzEuOTM2LDMuMDU3LDAsNC45OTMsMCw3LjM4MnYxNy4xNzZjMCwyLjM5LDEuOTM2LDQuMzI1LDQuMzI1LDQuMzI1aDIzLjI5IGMyLjM4OSwwLDQuMzI0LTEuOTM2LDQuMzI0LTQuMzI1VjcuMzgyQzMxLjkzOSw0Ljk5MywzMC4wMDQsMy4wNTcsMjcuNjE1LDMuMDU3eiBNMjkuODk4LDI0LjU1OGMwLDEuMjU5LTEuMDI0LDIuMjgzLTIuMjgzLDIuMjgzIEg0LjMyNWMtMS4yNTksMC0yLjI4My0xLjAyNC0yLjI4My0yLjI4M1Y3LjM4MmMwLTEuMjU5LDEuMDI0LTIuMjgzLDIuMjgzLTIuMjgzaDIzLjI5YzEuMjU5LDAsMi4yODMsMS4wMjQsMi4yODMsMi4yODNWMjQuNTU4eiIgLz4gPC9nPiA8L2c+IDwvc3ZnPg==') no-repeat; } .i_school { padding-left: 30px; background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZDhkOGQ4IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiA8cGF0aCBkPSJNNSAxMy4xOHY0TDEyIDIxbDctMy44MnYtNEwxMiAxN2wtNy0zLjgyek0xMiAzTDEgOWwxMSA2IDktNC45MVYxN2gyVjlMMTIgM3oiLz4gPC9zdmc+') no-repeat; } .i_work { padding-left: 30px; background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZDhkOGQ4IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTIwIDZoLTRWNGMwLTEuMTEtLjg5LTItMi0yaC00Yy0xLjExIDAtMiAuODktMiAydjJINGMtMS4xMSAwLTEuOTkuODktMS45OSAyTDIgMTljMCAxLjExLjg5IDIgMiAyaDE2YzEuMTEgMCAyLS44OSAyLTJWOGMwLTEuMTEtLjg5LTItMi0yem0tNiAwaC00VjRoNHYyeiIvPjwvc3ZnPg==') no-repeat; } .i_people { padding-left: 30px; background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZDhkOGQ4IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+IDxwYXRoIGQ9Ik0xNiAxMWMxLjY2IDAgMi45OS0xLjM0IDIuOTktM1MxNy42NiA1IDE2IDVjLTEuNjYgMC0zIDEuMzQtMyAzczEuMzQgMyAzIDN6bS04IDBjMS42NiAwIDIuOTktMS4zNCAyLjk5LTNTOS42NiA1IDggNUM2LjM0IDUgNSA2LjM0IDUgOHMxLjM0IDMgMyAzem0wIDJjLTIuMzMgMC03IDEuMTctNyAzLjVWMTloMTR2LTIuNWMwLTIuMzMtNC42Ny0zLjUtNy0zLjV6bTggMGMtLjI5IDAtLjYyLjAyLS45Ny4wNSAxLjE2Ljg0IDEuOTcgMS45NyAxLjk3IDMuNDVWMTloNnYtMi41YzAtMi4zMy00LjY3LTMuNS03LTMuNXoiLz48L3N2Zz4=') no-repeat; } .i_phone { padding-left: 30px; background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZDhkOGQ4IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgMUg4QzYuMzQgMSA1IDIuMzQgNSA0djE2YzAgMS42NiAxLjM0IDMgMyAzaDhjMS42NiAwIDMtMS4zNCAzLTNWNGMwLTEuNjYtMS4zNC0zLTMtM3ptLTIgMjBoLTR2LTFoNHYxem0zLjI1LTNINi43NVY0aDEwLjV2MTR6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==') no-repeat; } .i_filter { width: 24px; height: 24px; background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjODg4ODg4IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMThoNHYtMmgtNHYyek0zIDZ2MmgxOFY2SDN6bTMgN2gxMnYtMkg2djJ6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==') no-repeat; } .i_people1 { padding-left: 39px!important; background-position:9px 11px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZDhkOGQ4IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgNS45YzEuMTYgMCAyLjEuOTQgMi4xIDIuMXMtLjk0IDIuMS0yLjEgMi4xUzkuOSA5LjE2IDkuOSA4cy45NC0yLjEgMi4xLTIuMW0wIDljMi45NyAwIDYuMSAxLjQ2IDYuMSAyLjF2MS4xSDUuOVYxN2MwLS42NCAzLjEzLTIuMSA2LjEtMi4xTTEyIDRDOS43OSA0IDggNS43OSA4IDhzMS43OSA0IDQgNCA0LTEuNzkgNC00LTEuNzktNC00LTR6bTAgOWMtMi42NyAwLTggMS4zNC04IDR2M2gxNnYtM2MwLTIuNjYtNS4zMy00LTgtNHoiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+IDwvc3ZnPg=='); } .i_people2 { padding-left: 39px!important; background-position:9px 11px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZDhkOGQ4IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+IDxwYXRoIGQ9Ik0xNi41IDEzYy0xLjIgMC0zLjA3LjM0LTQuNSAxLTEuNDMtLjY3LTMuMy0xLTQuNS0xQzUuMzMgMTMgMSAxNC4wOCAxIDE2LjI1VjE5aDIydi0yLjc1YzAtMi4xNy00LjMzLTMuMjUtNi41LTMuMjV6bS00IDQuNWgtMTB2LTEuMjVjMC0uNTQgMi41Ni0xLjc1IDUtMS43NXM1IDEuMjEgNSAxLjc1djEuMjV6bTkgMEgxNHYtMS4yNWMwLS40Ni0uMi0uODYtLjUyLTEuMjIuODgtLjMgMS45Ni0uNTMgMy4wMi0uNTMgMi40NCAwIDUgMS4yMSA1IDEuNzV2MS4yNXpNNy41IDEyYzEuOTMgMCAzLjUtMS41NyAzLjUtMy41UzkuNDMgNSA3LjUgNSA0IDYuNTcgNCA4LjUgNS41NyAxMiA3LjUgMTJ6bTAtNS41YzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMi0yLS45LTItMiAuOS0yIDItMnptOSA1LjVjMS45MyAwIDMuNS0xLjU3IDMuNS0zLjVTMTguNDMgNSAxNi41IDUgMTMgNi41NyAxMyA4LjVzMS41NyAzLjUgMy41IDMuNXptMC01LjVjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyLTItLjktMi0yIC45LTIgMi0yeiIvPiA8L3N2Zz4='); } /*Карта*/ .leaflet-div-icon { background: transparent; border: none; } .leaflet-marker-icon .number { position: relative; top: -28px; left: 8px; font-size: 11px; background: #f2efe9; text-align: center; border-radius: 32px; width: 16px; height: 16px; } .leaflet-marker-icon .number2 { position: relative; top: -26px; left: 8px; font-size: 9px; background: #f2efe9; text-align: center; border-radius: 32px; width: 16px; height: 16px; } .marker_bg { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIHZpZXdCb3g9IjAgMCA1MTMgNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF9FbjlSUXpKR2tVdkNNcldmdTlRTDZtQ2Q3UFozUHE4UiI+PHJlY3Qgd2lkdGg9IjUxMyIgaGVpZ2h0PSI1MTIiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjX2NsaXBQYXRoX0VuOVJRekpHa1V2Q01yV2Z1OVFMNm1DZDdQWjNQcThSKSI+PGc+PHBhdGggZD0iIE0gMjU1Ljk5OSA2IEMgMTQ5Ljk3IDYgNjMuOTk5IDkwLjk2MyA2My45OTkgMTk1Ljc1IEMgNjMuOTk5IDIzOC40MzIgNzguMjQ5IDI3Ny43NzkgMTAyLjMxNCAzMDkuNDk4IEwgMjU2LjAwMSA1MTIuMDAxIEwgNDA5LjY4NiAzMDkuNDk4IEMgNDMzLjc1MyAyNzcuNzc5IDQ0OC4wMDEgMjM4LjQzMyA0NDguMDAxIDE5NS43NSBDIDQ0OC4wMDEgOTAuOTYzIDM2Mi4wMyA2IDI1NS45OTkgNiBaICBNIDI1NS45OTkgMzIyLjI0OSBDIDE4NS4zMTIgMzIyLjI0OSAxMjguMDAxIDI2NS42MTEgMTI4LjAwMSAxOTUuNzUgQyAxMjguMDAxIDEyNS44OTEgMTg1LjMxMiA2OS4yNDkgMjU1Ljk5OSA2OS4yNDkgQyAzMjYuNjg5IDY5LjI0OSAzODMuOTk4IDEyNS44OTEgMzgzLjk5OCAxOTUuNzUgQyAzODMuOTk4IDI2NS42MTIgMzI2LjY5IDMyMi4yNDkgMjU1Ljk5OSAzMjIuMjQ5IFogIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIi8+PC9nPjxnPjxwYXRoIGQ9IiBNIDI1NS45OTkgMTAgQyAxNTIuNzMyIDEwIDY5IDkyLjk0OCA2OSAxOTUuMjUgQyA2OSAyMzYuOTE5IDgyLjg3OCAyNzUuMzM0IDEwNi4zMTcgMzA2LjMgTCAyNTYuMDAxIDUwNCBMIDQwNS42ODMgMzA2LjMgQyA0MjkuMTI0IDI3NS4zMzQgNDQzIDIzNi45MiA0NDMgMTk1LjI1IEMgNDQzIDkyLjk0OCAzNTkuMjY4IDEwIDI1NS45OTkgMTAgWiAgTSAyNTUuOTk5IDMxOC43NDkgQyAxODcuMTUzIDMxOC43NDkgMTMxLjMzNSAyNjMuNDU0IDEzMS4zMzUgMTk1LjI1IEMgMTMxLjMzNSAxMjcuMDQ4IDE4Ny4xNTMgNzEuNzQ5IDI1NS45OTkgNzEuNzQ5IEMgMzI0Ljg0OCA3MS43NDkgMzgwLjY2NCAxMjcuMDQ4IDM4MC42NjQgMTk1LjI1IEMgMzgwLjY2NCAyNjMuNDU1IDMyNC44NDkgMzE4Ljc0OSAyNTUuOTk5IDMxOC43NDkgWiAiIGZpbGw9InJnYigxMDYsMTc1LDI0MCkiLz48L2c+PGVsbGlwc2UgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBjeD0iMjU1Ljk5OTk5OTk5OTk5OTk3IiBjeT0iMTk4IiByeD0iMTMxLjUiIHJ5PSIxMzMiIGZpbGw9InJnYigyMzUsMjM1LDIzNSkiLz48L2c+PC9zdmc+) no-repeat; height: 32px; width: 32px; font-size: 11px; font-weight: 500; line-height: 18px; padding-top: 3px; text-align: center; color: #016c88; position: absolute; top: -23px; left: -10px; } /* SUGGEST MENU - на удаление в дальнейшем */ .tt-menu { position: absolute; top: 42px!important; background: white!important; left: 0px; z-index: 100; border-radius: 4px; border: 1px solid #ced4da; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175) !important; padding: .5rem!important; } .tt-suggestion.tt-selectable { cursor: pointer!important; } .tt-suggestion:hover, .tt-selectable:hover { background: #e1f1ff; } .tt-cursor, .tt-cursor:active, .tt-cursor:hover, .tt-cursor:focus { background: #e1f1ff; } .tt-highlight { background-color: #e1f1ff; padding: 2px 0; } @media (max-width: 575px) { .tt-menu { width: 320px !important; } } @media (min-width: 576px) { .sbr { border-right: 1px solid #dee2e6; } .sbb { border-bottom: none; } .tt-menu { width: 450px !important; } .tt-suggestion.tt-selectable { margin-top: 0.5rem; } } @media (min-width: 768px) { .tt-menu { width: 450px !important; } } @media (min-width: 992px) { .tt-menu { width: 450px !important; } } @media (min-width: 1200px) { .tt-menu { width: 450px !important; } } #beenV h5.card-title { font-weight: bolder; color: #007bff; } /*Filter*/ .filter-btn { position: fixed; top: 87px; /* Adjust the top position as needed */ right: 0; transform: translateX(100%); /* Start the button off-screen */ opacity: 0; /* Make the button invisible by default */ visibility: hidden; /* Make the button not take space */ transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.5s ease; /* Add a transition for the transform, opacity, and visibility */ padding: 6px 10px 6px 14px; background: #f9f9f9; color: #717171; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 0; border-radius: 5px 0 0 5px; display: none; /* Show the button */ z-index: 1001; /* Ensure the button is above other content */ } .show-filter-btn .filter-btn { transform: translateX(0); /* Move the button on-screen */ opacity: 1; /* Make the button visible */ visibility: visible; /* Make the button take space */ } .filter-panel { position: fixed; top: 0; right: -100%; /* Start the panel off-screen */ width: 100%; height: 100%; background-color: #f8f9fa; /* Background color for the filter panel */ transition: right 0.5s ease; /* Add transition for the panel sliding in */ z-index: 1002; /* Ensure the panel is above other content */ padding: 20px; overflow-y: auto; /* Add scrollbar if content overflows */ } .filter-panel ul { list-style: none; padding: 0; } .filter-panel li { margin-bottom: 10px; } .filter-panel.active { right: 0; /* Move the panel on-screen */ } .close-btn { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 24px; cursor: pointer; color: #000; } li.narrow { padding: 0; border: 1px solid #ddd; border-radius: 4px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1); position: relative; margin-bottom: 5px; } li.narrow a { padding: 15px 10px; display: block; /* Make the anchor tag a block element */ width: 100%; /* Make the anchor tag fill the width of the parent li */ height: 100%; /* Make the anchor tag fill the height of the parent li */ text-decoration: none; /* Optional: Remove underline from links */ color: inherit; /* Optional: Inherit the text color */ } .filter_icon { padding: 2px 8px; border: 1px solid #ced4da; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-right: none; padding: 6px 0px 6px 14px; } /*Search*/ .deep-search-div { display: flex; flex-grow: 1; } .deep-search-modal { display: none; } .deep-search-modal.active { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #f5f6f7; overflow: hidden; z-index: 1050; } .deep-suggestions { padding: 0 10px 30px; display: none; overflow-y: auto; } .deep-search-block { border-bottom: 1px solid #E0E4EC; } .deep-left-block, .deep-right-block, .deep-suggestion-block-type, .deep-suggestion-block-link { display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; cursor: pointer; } .deep-suggestion-block-type { width: 40px; } .deep-search-block, .deep-suggestion-block { display: flex; align-items: center; } .deep-suggestion-block { background: white; border-radius: 4px; margin-bottom: 4px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1); cursor: pointer; } .deep-center-block, .deep-suggestion-block-text { flex-grow: 1; line-height: 21px; } .deep-search-input { width: 100%; border: 0; background-color: #f5f6f7 !important; } .deep-search-input::placeholder { color: #5a636a; font-size: 14px; } .deep-suggestions-title { background: #f5f6f7; color: #3b3ffa; font-size: .85em; font-weight: 600; line-height: 32px; margin: 0 -4px; padding: 8px 4px 0; position: -webkit-sticky; position: sticky; top: 0; z-index: 10; } .deep-exit { width: 56px; height: 56px; background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'none\' class=\'bi bi-arrow-left\' viewBox=\'0 0 16 16\'%3E%3Cpath fill=\'%231364f6\' fill-rule=\'evenodd\' d=\'M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8\'/%3E%3C/svg%3E'); background-position: center center; background-repeat: no-repeat; } .deep-clear { display: none; width: 56px; height: 56px; background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'currentColor\' class=\'bi bi-x\' viewBox=\'0 0 16 16\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M3.854 3.146a.5.5 0 0 1 0 .708L8.293 8l-4.44 4.146a.5.5 0 0 1-.708-.708L7.293 8 2.854 3.854a.5.5 0 0 1 .708-.708z\'/%3E%3Cpath fill-rule=\'evenodd\' d=\'M3.146 3.146a.5.5 0 0 1 0 0L8 7.293l4.146-4.44a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8 3.146 3.854a.5.5 0 0 1 0-.708z\'/%3E%3C/svg%3E'); background-position: center center; background-repeat: no-repeat; } .deep-address { width: 56px; height: 56px; background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'%239aa2b2\' class=\'bi bi-house-fill\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z\'/%3E%3Cpath d=\'m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z\'/%3E%3C/svg%3E'); background-position: center center; background-repeat: no-repeat; } .return-left-block { width: 56px; height: 56px; background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'none\' class=\'bi bi-arrow-return-left\' viewBox=\'0 0 16 16\'%3E%3Cpath fill=\'%231364f6\' fill-rule=\'evenodd\' d=\'M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5\'/%3E%3C/svg%3E'); background-position: center center; background-repeat: no-repeat; } .deep-person { width: 56px; height: 56px; background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'%239aa2b2\' class=\'bi bi-person-vcard\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M5 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4m4-2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5M9 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4A.5.5 0 0 1 9 8m1 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5\'/%3E%3Cpath d=\'M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8.96q.04-.245.04-.5C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 1 1 12z\'/%3E%3C/svg%3E'); background-position: center center; background-repeat: no-repeat; } .input-group-text svg { width: 20px; height: 20px; display: inline-block; vertical-align: middle; } .input-group-prepend { display: flex; align-items: center; } .input-group-text { display: flex; align-items: center; justify-content: center; padding: 0.375rem 0.75rem; } .deep-search-div .input-group-prepend .input-group-text { background-color: white; border-right: none; } .deep-search-div .input-group-prepend .input-group-text::after { content: "🔎"; background-color: white; } .deep-search-div .input-group-prepend .input-group-text { background-color: white; border-right: none; border-top-left-radius: 20px; /* Adjust the value as needed */ border-bottom-left-radius: 20px; /* Adjust the value as needed */ } .deep-search-div .form-control { border-left: none; border-top-right-radius: 20px; /* Adjust the value as needed */ border-bottom-right-radius: 20px; /* Adjust the value as needed */ } .deep-search-div .input-group { overflow: hidden; /* To ensure the rounded corners are visible */ } .deep-search-div .form-control { border-left: none; } .deep-hltd { background: #38a2ff59; font-weight: 500; } .deep-nothing { text-align: center; padding: 20px; } .deep-nothing-img { width: 60px; height: 60px; margin-bottom: 20px; } .deep-nothing h1 { font-size: 22px; margin-bottom: 30px; } .deep-nothing-tips ul { margin-bottom: 20px; } .deep-nothing-tips ul li { margin-bottom: 15px; line-height: 22px; } .input-group-prepend .input-group-text { border-top-left-radius: 20px; /* Adjust the value as needed */ border-bottom-left-radius: 20px; /* Adjust the value as needed */ } .deep-search-input:focus { outline: none; border: none; box-shadow: none; } .deep-search-input::-webkit-search-cancel-button { display: none; } .form-control { border-left: none; border-top-right-radius: 20px; /* Adjust the value as needed */ border-bottom-right-radius: 20px; /* Adjust the value as needed */ } #search:focus { outline: none; box-shadow: none; border-color: #ced4da; } .navbar { display: flex; align-items: center; justify-content: space-between; } /* Small Mobile */ @media (max-width: 320px) { .deep-search-form { width: 200px!important; } .navbar { width: 100%; padding-left: 0; padding-right: 0; } } /* Mobile */ @media (max-width: 767px) { .sticky { position: -webkit-sticky; position: sticky; top: 0; background-color: white; z-index: 1000; } .sticky-border { border-bottom: 1px solid #cccccc; /* Adjust the border style as needed */ } .filter-btn { display: block; /* Show the button */ } .cm-text { display: none; } .deep-suggestions { max-height: 100%; } .deep-nothing-tips { padding: 10px 0; text-align: left; } .body-no-scroll { overflow: hidden; position: fixed; width: 100%; } .deep-search-div { flex-grow: 1; } .navbar-brand { flex-shrink: 0; } .form-control { width: 100%; } .input-group { width: auto; } .deep-search-form { width: 200px!important; } } /* Desktop */ @media (min-width: 768px) { .navbar-expand-lg { width: 545px; } .deep-search-form { width: 400px!important; } .deep-search-modal.active { width: 700px; height: 400px; top: -40px; left: 0; position: fixed; border-radius: 4px; border: 1px solid #e7e7e7; } .deep-suggestions { max-height: 90%; } .deep-nothing-tips { padding: 10px 15%; text-align: left; } }